<template>
    <el-tabs
        v-model="activeName"
        type="card"
        class="demo-tabs"
        :key="activeName"
        @tab-click="handleClick"
    >
        <el-tab-pane label="当前排班" name="first">
            <CurrentSchedule></CurrentSchedule>
        </el-tab-pane>
        <el-tab-pane label="班组管理" name="second">
            <TeamOrGroupManagement></TeamOrGroupManagement>
        </el-tab-pane>
        <el-tab-pane label="班次管理" name="three">
            <ClassesManagement></ClassesManagement>
        </el-tab-pane>
        <el-tab-pane label="排班计划" name="four">
            <SchedulingPlan></SchedulingPlan>
        </el-tab-pane>
        <el-tab-pane label="调班记录" name="five">
            <ChangeClassesRecored></ChangeClassesRecored>
        </el-tab-pane>
        <el-tab-pane label="设备巡检" name="six">
            <EquipmentInspection></EquipmentInspection>
        </el-tab-pane>
        <el-tab-pane label="工作日历" name="seven">
            <Workcalendar></Workcalendar>
        </el-tab-pane>
    </el-tabs>
</template>

<script setup>
import CurrentSchedule from "./components/currentSchedule.vue";
import TeamOrGroupManagement from "./components/teamOrGroupManagement.vue";
import ClassesManagement from "./components/classesManagement.vue";
import SchedulingPlan from "./components/schedulingPlan.vue";
import ChangeClassesRecored from "./components/changeClassesRecored.vue";
import EquipmentInspection from "./components/equipmentInspection.vue";
import Workcalendar from "./components/workcalendar.vue";
import { ref } from "vue";
const activeName = ref("first");
const handleClick = () => {};
</script>

<style scoped lang="less"></style>
